<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="./css/denglu.css"/>
</head>
<body>
	<div id="zz">
		<div class="k">
			<div id="dl">登录</div>
			<div id="zc">注册</div>
			<div style="clear: both"></div>
				<div id="on" style="background-color:rgb(38,188,231)" class="sr">
					<div>
						<span>用户名:</span>
						<input type="text" name="urse">
						<div id="urse error"></div>
					</div>
					<div>
						<span>密码:</span>
						<input type="text" name="pas">
						<div id="pas error"></div>
					</div>
					<input class="tj" type="submit" value="提交">
					<div class="bgg"></div>
				</div>
				<div id="register" style="background-color:orange;display: none;" class="sr" >
					<div>
						<span>用户名:</span>
						<input type="text" name="tjurse" placeholder="用户名长度不能小于4大于10">
						<div id="tjurse error"></div>
					</div>
					<div>
						<span>密码:</span>
						<input type="text" name="tjpas" placeholder="密码长度不能小于4大于10">
						<div id="tjpas error"></div>
					</div>
					<div>
						<span>再次输入密码:</span>
						<input type="text" placeholder="两次密码要一致" name="cx" id="cx">
						<div id="cx error"></div>
					</div>
					<input class="tj" type="submit" value="提交">
					<div id="bbg"></div>
				</div>
		</div>
	</div>
</body>
<script src="../dist/static/javascripts/jQuery.js"></script>
<!-- <script src="../dist/javascripts/jquery-1.11.3.min.js"></script> -->
<script type="text/javascript">

$(function(){
	$('#dl').click(function(){
		$('.sr').eq(0).css({display:"block"});
		$('.sr').eq(1).css({display:"none"});
	})
	$('#zc').click(function () {
		$('.sr').eq(0).css({display:"none"});
		$('.sr').eq(1).css({display:"block"});
	})
	$('#on .tj').click(function(){
		console.log($('#on input').eq(1).val());
		$.ajax({
			type:"GET",
			url:"./php/dl.php",
			data:{
				zhi:'dl',
				urse:$('#on input').eq(0).val(),
				pas:$('#on input').eq(1).val()
			},
			dataType:"json",
			success:function(r){
				// console.log(r);
				$('.bgg').html(r);
			}
		})
	})
	$('#register .tj').click(function(){
		console.log($('#register input').eq(1).val());
		$.ajax({
			type:"GET",
			url:"./php/dl.php",
			data:{
				zhi:'zc',
				urse:$('#register input').eq(0).val(),
				pas:$('#register input').eq(1).val(),
				pass:$('#register input').eq(2).val()
			},
			dataType:"json",
			success:function(r){
				$('#bbg').html(r);
				// console.log(r);
			}
		})
	})
})
	
</script>
</html>
